<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>收货地址_地友素品</title>
<script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
<script src="../js/jquery1.42.min.js" type="text/javascript"></script>
<script src="../js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
<script src="../js/publicNav.js" type="text/javascript"></script>
<script src="../js/index.js" type="text/javascript"></script>
<link href="../css/base.css" rel="stylesheet" type="text/css" />
</head>

<body>
	<jsp:include page="../header.jsp" />
<!--********* [[导航菜单**********************--> 
  <!--菜单划过显示隐藏-->
  <script type="text/javascript">
    $(function(){
        $('#nav').hover(function(){
            $('.tit').show();
        },function(){
            $('.tit').hide(); 
        
        })
    })
    </script>
    <!--菜单划过显示隐]]-->
<div class="menuScroll w1000" style="height: auto;">
<div class="indexCont mainNavMenu w1000">
<jsp:include page="userNav.jsp" />
<script type="text/javascript">
  $(function(){
    $("#nav .tit").slide({
      type:"menu",
      titCell:".mod_cate",
      targetCell:".mod_subcate",
      delayTime:0,
      triggerTime:10,
      defaultPlay:false,
      returnDefault:true
    })
  })
</script>
<!--[[正文菜单处-->
<div class="dq_here">
	<a  class="first_q"href="javascript:;">我的素品 </a><code>&gt;</code>
	<a href="${pageContext.request.contextPath}/index.jsp"target="_top">我的订单</a>
</div>
<!--[[main-cont-->
	<div class="userOrder w1000">
		<!--[[menuA-->
		<div class="menuA">
			<h1 class="m_top_tit"><a href="javascript:;">我的交易</a></h1>
			<h2 class="my_tt"><i class=""></i>交易管理</h2>
      <ul class="base_list" style="display: block;">
        <li>
          <a href="${pageContext.request.contextPath}/userAccount/order.jsp">我的订单</a>
        </li>
        <li>
          <a href="${pageContext.request.contextPath}/userAccount/comment.jsp">我的评价</a>
        </li>
        <li>
          <a href="${pageContext.request.contextPath}/userAccount/integral.jsp">我的积分</a>
        </li>
      </ul>
      <h2 class="my_tt"><i class=""></i>账户管理</h2>
      <ul class="base_list" style="display: block;">
        <li>
          <a href="${pageContext.request.contextPath}/userAccount/userInfo.jsp">个人资料</a>
        </li>
        <li>
          <a href="${pageContext.request.contextPath}/userAccount/accountSec.jsp">账户安全</a>
        </li>
        <li class="selected">
          <a href="${pageContext.request.contextPath}/userAccount/addr.jsp">收货地址</a>
        </li>
      </ul>

		</div>
		<!--menuA]]-->
		<div class="contB ">
       <!--[[收货地址-->
       <div class="">
           <!--[[修改与删除-->
            <script type="text/javascript">
              function isModify(){
                $('#addressNew').show();
                    $('.addAddress').hide();
                    $('.modifyAddress').show();
              }
              function isAdd(){
                $('#addressNew').show();
                    $('.modifyAddress').hide();
                    $('.addAddress').show();
              }
              $(function(){
                  $('.delete_ico').click(function(){
                    if(true){
                      $(this).parent().parent().remove();
                     }
                })
              })
              function isCancel(){
                $('#addressNew').hide();
              }

            </script>
            <!--[[修改与删除-->
          <div class="cont-tit">
            <h2>收货地址</h2>
          </div>
          <div class="sh_address_box">
            <div class="yy_address">
              <table width="850" cellpadding="0" cellspacing="0" border="0" class="tb_news">
                  <thead>
                  <tr>
                    <th class="s_name">收货人</th>
                    <th class="s_addr">收件地址</th>
                    <th class="s_tel">手机号码</th>
                    <th class="s_postal">邮编</th>
                    <th class="s_opt">操作</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>刘冰</td>
                    <td class="infro_td">河北省-秦皇岛市-海港区 东大直街88</td>
                    <td>15245166888</td>
                    <td>445454</td>
                    <td>
                      <a class="modify_ico" href="javascript:;" onclick="isModify()">修改</a>&nbsp;|&nbsp;
                      <a class="delete_ico" href="javascript:;" onclick="return confirm(&quot;确认删除？&quot;);">删除</a>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <!--[[新增按钮-->
            <div class="address_add">
              <a href="javascript:void(0);" onclick="isAdd()" class="add_btn">添加新地址</a>
            </div>
            <!--新增按钮]]-->
            <!--[[新增收货人信息-->
             <!--[[省份-->
             <div class="news_addr" id="addressNew" style="display:none;">
              <h2 class="name_addr">
                <span class="addAddress" style="display: none;">新增收货地址</span>
                <span class="modifyAddress" style="display: none;">修改收货地址</span>
              </h2>
              <script type="text/javascript">
                $(function (){
                  initComplexArea('seachprov', 'seachcity', 'seachdistrict', area_array, sub_array, '44', '0', '0');
                });

                //得到地区码
                function getAreaID(){
                  var area = 0;          
                  if($("#seachdistrict").val() != "0"){
                    area = $("#seachdistrict").val();                
                  }else if ($("#seachcity").val() != "0"){
                    area = $("#seachcity").val();
                  }else{
                    area = $("#seachprov").val();
                  }
                  return area;
                }

                function showAreaID() {
                  //地区码
                  var areaID = getAreaID();
                  //地区名
                  var areaName = getAreaNamebyID(areaID) ;
                  alert("您选择的地区码：" + areaID + "      地区名：" + areaName);            
                }

                //根据地区码查询地区名
                function getAreaNamebyID(areaID){
                  var areaName = "";
                  if(areaID.length == 2){
                    areaName = area_array[areaID];
                  }else if(areaID.length == 4){
                    var index1 = areaID.substring(0, 2);
                    areaName = area_array[index1] + " " + sub_array[index1][areaID];
                  }else if(areaID.length == 6){
                    var index1 = areaID.substring(0, 2);
                    var index2 = areaID.substring(0, 4);
                    areaName = area_array[index1] + " " + sub_array[index1][index2] + " " + sub_arr[index2][areaID];
                  }
                  return areaName;
                }
                </script>
                <!--省份]]-->
              <table  class="o_layout" width="100%" cellspacing="0" cellpadding="0">
                <tr>
                  <td class="o_label"><i>*</i><label>收件人姓名：</label></td>
                  <td>
                    <input type="text" placeholder="姓名，如张三，Lily" class="order_input"size="22" maxlength="14" value="">
                  </td>
                </tr>
                
                <tr>
                  <td class="o_label"><i>*</i><label>省市区：</label></td>
                  <td>
                     <select id="seachprov" class="sf_input"name="seachprov" onChange="changeComplexProvince(this.value, sub_array, 'seachcity', 'seachdistrict');"></select>&nbsp;&nbsp;
                    <select id="seachcity" class="sf_input" name="homecity" onChange="changeCity(this.value,'seachdistrict','seachdistrict');"></select>&nbsp;&nbsp;
                    <span id="seachdistrict_div">
                      <select id="seachdistrict" class="sf_input" name="seachdistrict"></select>
                    </span>
                    <input type="button"  value="获取地区" onClick="showAreaID()"/>
                  </td>
                </tr>
                <tr>
                  <td class="o_label"><i>*</i><label>街道地址：</label></td>
                  <td>
                     <input type="text" placeholder="具体街道地址" class="order_input" value=""size="70"maxlength="50">
                  </td>
                </tr>
                <tr>
                  <td class="o_label"><i>*</i><label>邮政编码：</label></td>
                  <td>
                    <input type="text" placeholder="" class="order_input"size="22" maxlength="6" value="">
                  </td>
                </tr>
                <tr>
                  <td class="o_label"><i>*</i><label>手机号码：</label></td>
                  <td>
                    <input type="text" placeholder="请填写11位手机号码" class="order_input"size="22"maxlength="11" value="">
                  </td>
                </tr>
                <tr>
                  <td class="o_label"><i>*</i><label>固定电话：</label></td>
                  <td>
                      <input type="text" size="5"  class="order_input" maxlength="4"> -
                      <input type="text" size="10" class="order_input" maxlength="8"> -
                      <input type="text" size="5"  class="order_input" maxlength="8">
                  </td>
                </tr>
                <tr>
                  <td style="text-align:right;"></td>
                  <td style="text-align:left;color:#999;">两者至少填一项</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td  class="pad_btn">
                      <div class="act" style="font-size: 14px; padding: 5px;padding-left: 0px;">
                          <input type="submit" value="保存收货地址" class="save_btn">
                          <a style="" href="#" class="cancel_btn" onclick="isCancel()">取消</a>
                      </div>
                  </td>
                </tr>
              </table>
              <script src="../js/Area.js" type="text/javascript"></script>
              <script src="../js/AreaData_min.js" type="text/javascript"></script>
            </div>
            <!--新增收货人信息]]-->
            </div>
            </div>
           <!--收货地址]]-->
    		</div>
    	</div>

    	<script type="text/javascript" >
    //<![CDATA[
    	$(function(){
    	    var $div_li =$("div.menuA ul li");
    	    $div_li.click(function(){
    			
          if($(this).hasClass('re_sel')){
            $(this).removeClass('selected');
            return false;
          }else {
            $(this).addClass("selected").siblings().removeClass("selected"); 
          }
          var index =  $div_li.index(this); 
    			$(".contB > div").eq(index).show().siblings().hide();
    		})
    	})
    //]]>
</script>

<div class="hot_dan w1000">
  <div class="hot_hed w1000">
    <h2>热卖单品</h2>
  </div>
  <div class="hd_box w1000">
    <ul>
      <li>
          <div class="JPpic">
            <a href="#"><img src="../images/ahimg5.jpg" width="230" height="230"></a>
          </div>
          <div class="JPprice">
              <font>￥10.80</font>
              <s>16.80</s>
          </div>
          <div class="JPname">
              <a href="#" title="智利加力苹果550g以上（4粒装） 果皮薄、口感酥脆、气味芬芳，有&quot;记忆力之果&quot;的美称。">极品五常稻花香米2.5kg极品五常稻花香米2.5kg极品五常稻花香米2.5kg<br>皮薄肉甜 口感酥脆</a>
          </div>
        </li>
        <li>
          <div class="JPpic"> <a href="#"><img src="../images/ahimg4.jpg" width="230" height="230" /></a> </div>
          <div class="JPprice">
              <font>￥10.80</font>
              <s>16.80</s>
          </div>
          <div class="JPname">
              <a href="#" title="智利加力苹果550g以上（4粒装） 果皮薄、口感酥脆、气味芬芳，有&quot;记忆力之果&quot;的美称。">极品五常稻花香米2.5kg极品五常稻花香米2.5kg极品五常稻花香米2.5kg<br>皮薄肉甜 口感酥脆</a>
          </div>
        </li>
        <li>
          <div class="JPpic">
            <a href="#"><img src="../images/ahimg3.jpg" width="230" height="230"></a>
          </div>
          <div class="JPprice">
              <font>￥10.80</font>
              <s>16.80</s>
          </div>
          <div class="JPname">
              <a href="#" title="智利加力苹果550g以上（4粒装） 果皮薄、口感酥脆、气味芬芳，有&quot;记忆力之果&quot;的美称。">极品五常稻花香米2.5kg极品五常稻花香米2.5kg极品五常稻花香米2.5kg<br>皮薄肉甜 口感酥脆</a>
          </div>
        </li>
        <li>
          <div class="JPpic">
            <a href="#"><img src="../images/ahimg2.jpg" width="230" height="230"></a>
          </div>
          <div class="JPprice">
              <font>￥10.80</font>
              <s>16.80</s>
          </div>
          <div class="JPname">
              <a href="#" title="智利加力苹果550g以上（4粒装） 果皮薄、口感酥脆、气味芬芳，有&quot;记忆力之果&quot;的美称。">极品五常稻花香米2.5kg极品五常稻花香米2.5kg极品五常稻花香米2.5kg<br>皮薄肉甜 口感酥脆</a>
          </div>
        </li>
    </ul>

  </div>

</div>
<!--main-cont]]-->
<!--正文菜单处]]-->
</div>
</div>
<!--********* 导航菜单]]**********************--> 
<!--footer搜索-->
<div class="indexContFooter"> 
  <!--footer搜索end--> 
  <!--底层foot-start-->
  <div class="footer">
    <div class="foot-cont">
      <dl class="fore1">
        <dt><b></b><strong>购物指南</strong></dt>
        <dd>
          <div><a href="#">购物流程</a></div>
          <div><a href="#">会员介绍</a></div>
          <div><a href="#">团购/机票</a></div>
          <div><a href="#">常见问题</a></div>
          <div><a href="#">大家电</a></div>
          <div><a href="#">联系客服</a></div>
        </dd>
      </dl>
      <dl class="fore2">
        <dt><b></b><strong>配送方式</strong></dt>
        <dd>
          <div><a href="#">上门自提</a></div>
          <div><a href="#">211限时达</a></div>
          <div><a href="#">配送服务查询</a></div>
          <div><a href="#">配送费收取标准</a></div>
          <div><a href="#">海外配送</a></div>
        </dd>
      </dl>
      <dl class="fore3">
        <dt><b></b><strong>支付方式</strong></dt>
        <dd>
          <div><a href="javascript:;">货到付款</a></div>
          <div><a href="javascript:;" >在线支付</a></div>
          <div><a href="javascript:;" >分期付款</a></div>
          <div><a href="javascript:;" >邮局汇款</a></div>
          <div><a href="javascript:;" >公司转账</a></div>
        </dd>
      </dl>
      <dl class="fore4">
        <dt><b></b><strong>售后服务</strong></dt>
        <dd>
          <div><a href="javascript:;" >售后政策</a></div>
          <div><a href="javascript:;">价格保护</a></div>
          <div><a href="javascript:;">退款说明</a></div>
          <div><a href="javascript:;">返修/退换货</a></div>
          <div><a href="javascript:;">取消订单</a></div>
        </dd>
      </dl>
    </div>
    <div class="footer_center">
      <div class="links"> <a href="javascript:;">关于我们</a>| <a href="javascript:;">联系我们</a>| <a href="javascript:;">友情链接</a>| <a href="javascript:;">免责条款</a>| <a href="javascript:;">广告服务</a>| <a href="javascript:;">食品流通许可证</a>| <a href="javascript:;">营业执照</a> </div>
    </div>
    <div class="footer_copyright">
      <p> Copyright © 2014-2019 5RICE.吾米网 版权所有 黑ICP备11002788号 保留一切权利。 客服热线：400-400-5555 </p>
      <p>京公网安备 110105001608 | 京ICP证111033号 | 食品流通许可证 SP1101051110165515（1-1） | 营业执照</p>
    </div>
    <div class="footer_cx">
      <p> <a href="javascript:;"><img src="../images/footerbomC.png" width="112"height="40"></a> <a href="javascript:;"><img src="../images/footerbomX.gif" width="112"height="40"></a> </p>
    </div>
  </div>
</div>
<!--底层foot]]-->
</body>
</html>
